import { NODE_SORTABLE } from '../constants/vars'

export const sortableOptions = {
  // or { name: "...", pull: [true, false, 'clone', array], put: [true, false, array] }
  group: NODE_SORTABLE,
  // 格式为简单css选择器的字符串，使列表单元中符合选择器的元素成为拖动的手柄，只有按住拖动手柄才能使列表单元进行拖动
  // handle: '.node-wrapper',
  // 过滤器，不需要进行拖动的元素
  filter: '.level-empty__text',
  // 允许拖拽的项目类名
  // draggable: '.node-wrapper',
  // number 定义鼠标选中列表单元可以开始拖动的延迟时间；
  delay: 0,
  // 忽略 HTML5拖拽行为，强制回调进行
  forceFallback: true,
  // 当使用forceFallback的时候，被复制的dom的css类名
  fallbackClass: 'node-sortable-fallback',
  dataIdAttr: 'data-cdn-node',
  // drop placeholder的css类名
  ghostClass: 'node-sortable-ghost',
  // 被选中项的css 类名
  chosenClass: 'node-sortable-chosen',
  // 正在被拖拽中的css类名
  dragClass: 'node-sortable-drag',
  // 忽略 HTML5拖拽行为，强制回调进行
  sort: true,
  // 拖拽方向 (默认情况下会自动判断方向)
  direction: 'horizontal',
  // ms, number 单位：ms，定义排序动画的时间
  animation: 150,
  scroll: true,
  // px, how near the mouse must be to an edge to start scrolling.
  scrollSensitivity: 30
}
